<div id="test" style="height: 50%; weight: 100% ">
    <div class="layui-carousel" id="test1">
        <div carousel-item style="vertical-align:middle;text-align:center;">
            <div><img src="images/one.jpg" style="height: 100%"></div>
            <div><img src="images/two.jpg" style="height: 100%"></div>
        </div>
    </div>
</div>
<div class="layui-row" style="background-color: rgb(95,184,120)">
    <div class="layui-col-md4" style="height: 50%; weight: 100%; vertical-align:middle;text-align:center; ">
        <div style="margin: 20% 10% 20% 10%;">
            <p>
                成都鑫豪斯电子探测技术有限公司成立于2003年，注册资本5001万元，是一家集燃气行业、消防行业、仪器仪表行业产品的研发、生产、销售及服务为一体的高新技术企业。
                公司总部坐落于成都经济技术开发区（国家级），自建厂房30000余平方米，总投资超过2亿元，拥有精密机械加工车间、高分子材料车间、红冲锻造车间、磁悬浮高速贴片车间、EMC综合测试实验室等配套设施。
                公司产品已分别取得国家强制3C认证、国家防爆认证、CMC计量器具许可证、CE认证、UL认证、特种设备制造许可证等...
            </p>
        </div>
    </div>
    <div class="layui-col-md8" style="height: 50%; weight: 100%; vertical-align:middle;text-align:center; ">
        <video width="568" height="426" wmode="transparent" controls=""
               src="http://www.xinhaosi.com/uploadfile/upload/1111111.mp4"></video>
    </div>
</div>


<script>


    layui.use(['carousel', 'miniPage'], function () {
        var carousel = layui.carousel,
            miniPage = layui.miniPage;

        //设置宽高
        let openWH = miniPage.getOpenWidthHeight();
        // $("#test").css("width", openWH[0] + 'px');
        // $("#test").css("min-height", openWH[1] + 'px');

        //建造实例
        carousel.render({
            elem: '#test1'
            // ,width: '100%' //设置容器宽度
            , width: '100%'//设置容器宽度
            , height: '100%' //设置容器高度
            , arrow: 'always' //始终显示箭头
            /*,anim: 'updown' //切换动画方式*/
            , interval: 3000
        });
    });
</script>